<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css"
	href="extjs-4/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs-4/bootstrap.js"></script>
<script type="text/javascript" src="extjs-4/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
	var filterPanel = Ext.create('Ext.panel.Panel', {
	    bodyPadding: 5,  // Don't want content to crunch against the borders
	    width: 300,
	    title: 'Filters',
	    items: [{
	        xtype: 'datefield',
	        fieldLabel: 'Start date'
	    }, {
	        xtype: 'datefield',
	        fieldLabel: 'End date'
	    }],
	    renderTo: 'test1'
	});
});
</script>
</head>
<body>
	<div id="test1"></div>
</body>
</html>